<!DOCTYPE html>
<html>
    <head>
        <title>1</title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
       <div id="root">
            <h1>你好{{name}}</h1>
        </div>
        <script type="text/javascript">
            Vue.config.productionTip = false // 阻止 vue 在启动时生成生产提示
            new Vue({
                el: '#root', 
                //第一种属性
                // data: {
                //     name: "aaaa" 
                // },
                //第二种函数不能箭头，必须是普通的，vue管理函数不能用箭头
                data(){
                    //这里的this是Vue实例对象
                    return {
                        name:'尚硅谷2'
                    }
                }
           
            })
        </script>
    </body>
</html> 